<!doctype html>
<html class="no-js" lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>{% block title %}{% endblock %}</title>
	<meta name="viewport" content="width=device-width,initial-scale=1">

    <link rel="shortcut icon" href="{{ url_for('static', filename='sense_kit_icon.ico') }}">

	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Merienda One">
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Port Lligat Slab">
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}">
</head>
<body>

    <div class="ui fixed menu">
        <div class="ui container">
            <a href="{{ url_for('projects_overview') }}" class="header item">
                <img class="logo" src="{{ url_for('static', filename='sense_studio_logo.png') }}">
            </a>
            <a href="{{ url_for('projects_overview') }}" class="item">Projects</a>
        </div>
    </div>

    {# the error messages are displayed then the success messages #}
    {% for category in ['error', 'success'] %}
        {% with msgs = get_flashed_messages(category_filter=[category]) %}
            {% if msgs %}
            <ul class="flashed {{ category }}">
                {% for m in msgs %}
                    <li>{{ m|safe }}</li>
                {% endfor %}
            </ul>
            {% endif %}
        {% endwith %}
    {% endfor %}

    {% block main %}{% endblock %}

    <div class="ui vertical footer segment">
        <div class="ui center aligned container">
            <img src="{{ url_for('static', filename='sense_studio_logo.png') }}" class="ui centered small image">
            <div class="ui horizontal small divided link list">
                <a class="item" href="https://github.com/TwentyBN/sense">
                    <i class="github icon"></i>
                    Github
                </a>
                <a class="item" href="https://20bn.com/">TwentyBN</a>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
    <script src="{{ url_for('static', filename='main.js') }}"></script>

</body>
</html>

